<template>
  <div class="first-adv outer-container">
      <div class="left">
          <div>
            <img src="../../../static/img/banner.png" alt="">
          </div>
          <div>
            <img src="../../../static/img/banner.png" alt="">
          </div>
      </div>
      <div class="right">
        <img src="../../../static/img/icon_search.png" alt="">
      </div>
      <img src="../../../static/img/img_bg2.png" alt="">
  </div>
</template>
<style lang="less" scoped>
    .first-adv{
        position: relative;
        .left{
            float: left;
            div{
                position: relative;
                z-index: 3;
                width: 528px;
                height: 262px;
                overflow: hidden;
                &:first-child{
                    margin-bottom: 14px;
                }
                img{
                    width: 100%;
                }
            }
        }
        .right{
            position: relative;
            z-index: 3;
            float: right;
            width: 658px;
            height: 540px;
            overflow: hidden;
            img{
                width: 100%;
            }
        }
        >img{
            position: absolute;
            width: 95%;
            right: 0;
            top: -250px;
            z-index: 2;
        }
    }
</style>

